@import '~@hi-ui/core-css/lib/index.scss';

$prefix: '#{$component-prefix}-pop-confirm' !default;

.#{$prefix} {
  @include text-reset;

  position: relative;
  background: use-color-static('white');
  white-space: nowrap;
  border-radius: use-border-radius('lg');
  padding: use-spacing(10);
  display: flex;
  flex-direction: column;

  &__content {
    display: flex;
    align-items: center;

    &-icon {
      margin-right: use-spacing(5);
      color: use-color-mode('warning');
      font-size: use-text-size('xl');
    }

    &-title {
      color: use-color('gray', 700);
      font-weight: use-text-weight('semibold');
    }
  }

  &__body {
    margin: use-spacing(5) 0 0 use-spacing(14);
    white-space: normal;
    color: use-color('gray', 600);
  }

  &__footer {
    margin-top: use-spacing(10);
    text-align: right;
  }
}
